﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script src="Scripts/jquery-1.9.1.min.js"></script>
	<script src="Scripts/PuzzleLogic.js"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="Css/main-style.css">
        <title>Puzzle by Danver</title>
    </head>
    <body>
        <div id="content">

            <div style="width: 640px; height: 640px">
                <div id="puzzleCell1" class="puzzleCellAll pCell1"></div>
                <div id="puzzleCell2" class="puzzleCellAll pCell2"></div>
                <div id="puzzleCell3" class="puzzleCellAll pCell3"></div>
                <div id="puzzleCell4" class="puzzleCellAll pCell4"></div>
                <div id="puzzleCell5" class="puzzleCellAll pCell5"></div>
                <div id="puzzleCell6" class="puzzleCellAll pCell6"></div>
                <div id="puzzleCell7" class="puzzleCellAll pCell7"></div>
                <div id="puzzleCell8" class="puzzleCellAll pCell8"></div>
                <div id="puzzleCell9" class="puzzleCellAll pCell9"></div>
                <div id="puzzleCell10" class="puzzleCellAll pCell10"></div>
                <div id="puzzleCell11" class="puzzleCellAll pCell11"></div>
                <div id="puzzleCell12" class="puzzleCellAll pCell12"></div>
                <div id="puzzleCell13" class="puzzleCellAll pCell13"></div>
                <div id="puzzleCell14" class="puzzleCellAll pCell14"></div>
                <div id="puzzleCell15" class="puzzleCellAll pCell15"></div>
                <div id="puzzleCell16" class="puzzleCellAll pCell16"></div>
            </div>
            <ul id="toolBar">
                <li><a id="ShuffleMode" href="#">Shuffle</a></li>
                <li id="PreviewImage"><a href="#">Preview</a>
                    <div>
                        <img src="Images/puzzleImage1.jpg" height="200" width="200" />
                    </div>
                </li>
		<li><a id="changeImage" href="#">Change Image</a></li>
            </ul>
            <footer>
		<div>
                 <p>Danver &copy;copyright 2013</p> 
		</div>
            </footer> 
        </div> 
        <script type="text/javascript">
            $(document).ready(initialGame());
        </script>
    </body>
</html>
